<template>
    <div class="container">
        <van-cell-group>
            <van-cell title="商品名" />
            <van-cell title="购买数量">
                <van-stepper v-model="value" slot="right-icon"/>
            </van-cell>
            <van-cell title="购买后生效" />
        </van-cell-group>
        <div class="hd-split"></div>
        <van-cell-group>
            <van-cell title="客户姓名" value="张三"/>
            <van-cell title="手机号码" value="13811111111"/>
        </van-cell-group>

        <van-submit-bar
        :price="3050"
        button-text="提交订单"
        @submit="onSubmit"
        />
    </div>
</template>

<script>
export default {
  data () {
    return {
      value: 1
    }
  },
  methods: {
    init () {
      this.$http({
        fun: 'mnlogin',
        requestType: 'get',
        cb: res => {
          console.log(res)
        }
      })
    },
    onSubmit () {
      console.log('1121')
      this.$http({
        fun: 'ctccardorder',
        cardno: '111111111111111111',
        name: 'aaa',
        mobile: '13888888888',
        product_code: '1553739405274',
        num: '1',
        cb: res => {
          console.log(res)
        }
      })
    }
  },

  mounted () {
    this.init()
  }
}
</script>

<style src="./index.css" scoped>
</style>
